<template>
  <n-config-provider
    :locale="zhCN"
    :date-locale="dateZhCN"
    :theme-overrides="themeOverrides"
    inline-theme-disabled
  >
    <n-message-provider>
      <App />
    </n-message-provider>
  </n-config-provider>
</template>

<script lang="ts" setup>
import { zhCN, dateZhCN, type GlobalThemeOverrides } from 'naive-ui'
import App from '@/App.vue'

const themeOverrides: GlobalThemeOverrides = {
  common: {
    primaryColor: '#3CDCBE',
  },
  Layout: {
    color: '#ccc',
  },
  Tree: {
    nodeHeight: '42px',
  },
  DataTable: {
    thColor: '#000000',
    thTextColor: '#FFFFFF',
  },
}
</script>

<style lang="scss">
@import './global.scss';
</style>
